import message from "ant-design-vue/es/message";
// import defaultSettings from '../defaultSettings';
import themeColor from "./themeColor.js";

// let lessNodesAppended
const colorList = [
  {
    key: "薄暮",
    color: "#F5222D",
  },
  {
    key: "火山",
    color: "#FA541C",
  },
  {
    key: "日暮",
    color: "#FAAD14",
  },
  {
    key: "明青",
    color: "#13C2C2",
  },
  {
    key: "极光绿",
    color: "#52C41A",
  },
  {
    key: "拂晓蓝（默认）",
    color: "#004ca7",
  },
  {
    key: "极客蓝",
    color: "#2F54EB",
  },
  {
    key: "酱紫",
    color: "#722ED1",
  },
];

const updateTheme = (newPrimaryColor) => {
  const hideMessage = message.loading("正在切换主题！", 0);
  themeColor.changeColor(newPrimaryColor).finally(() => {
    setTimeout(() => {
      hideMessage();
    }, 10);
  });
};

const updateColorWeak = (colorWeak) => {
  // document.body.className = colorWeak ? 'colorWeak' : '';
  const app = document.body.querySelector("#app");
  colorWeak
    ? app.classList.add("colorWeak")
    : app.classList.remove("colorWeak");
};

export { updateTheme, colorList, updateColorWeak };
